<!-- 商品信息-->

<template>
	<view class='animation-slide-bottom flex flex-direction flex-wrap align-stretch mallPage_fd1_0_c4_c1_c0'
		@tap.stop="handleJumpDiy" data-type="navigateTo"
		:data-url="`/pages/grzx/merchanDisedetails/merchanDisedetails?id=`+item.id">
		<image class='mallPage_fd1_0_c4_c1_c0_c0' mode="aspectFill" :src='item.thumb'></image>
		<view class='flex flex-direction flex-wrap align-stretch mallPage_fd1_0_c4_c1_c0_c1'>
			<view class='mallPage_fd1_0_c4_c1_c0_c1_c0'>{{item.goods_name}}</view>
			
			<text class='mallPage_fd1_0_c4_c1_c0_c1_c2_c2'>销量{{item.sales_sum||0}}</text>
			<view class='flex flex-wrap align-center'>
				<view class=' mallPage_fd1_0_c4_c1_c0_c1_c2_c1'>
					<text class='mallPage_fd1_0_c4_c1_c0_c1_c2_c0'>￥</text>
					<text class=' mallPage_price1_fd1_0_c4_c1_c0_c1_c2_c1'>{{ item.shop_price | frontPrice }}</text>
					<text class=' mallPage_price2_fd1_0_c4_c1_c0_c1_c2_c1'>{{ item.shop_price | laterPrice }}</text>
				</view>
				<text class='mallPage_fd1_0_c4_c1_c0_c1_c1'>￥{{item.original_price}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default () {
					return {}
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import './mallPage.scss';
</style>